@charset "utf-8";
/* CSS Document */
body{
	min-width: 1200px;
}

.w1200{
	width: 1200px;
	margin: 0 auto;
}
.header {
	height: 80px;
}
.header  .w1200{
	position: relative;
}
.header .logo{
	padding: 18px 0 0 5px;
	float: left;
	margin-right: 85px;
}
.header  .nav{
	margin-right: 36px;
}
.header  .nav li{
	font-size: 15px;
	line-height: 15px;

	position: relative;
    z-index: 101; 
}
.header .nav li .nava{
	color: #333333;
	display: block;
	padding: 0 31px;
	height: 80px;
	line-height: 80px;
}
.header .nav li a:hover{
	color: #005aab;
}
.header .nav .cur a{
	color: #005aab;
}
.header .nav li:hover .h-hide {
      display: block; }
.header .nav li .b-link {
      display: block;
      padding: 0 26px;
      height: 80px;
      font-size: 15px;
      line-height: 80px;
      color: #333; }
      .header .nav li .b-link:hover, .header .nav li .b-link.cur {
        color: #005aab; }
    .header .nav li .h-hide {
      display: none;
      position: absolute;
      z-index: 101;
      background-color: #fff; 
      width: 112px;
	    top: 80px;
    right: 7px;
}
      .header .nav li .h-hide li{
      	margin:0;
      }
      .header .nav li .h-hide .s-link {
        display: block;
        width: 112px;
        height: 40px;
        font-size: 15px;
        text-align: center;
        line-height: 40px;
        border-top: 1px solid #e5e5e5;
        color: #333; }
        .header .nav li .h-hide .s-link:hover {
          color: #005aab; }
.header .box4 {
    display: block;
    width: 48px;
    height: 80px;
    padding-left: 54px;
    border-left: 1px solid #e0e0e0;
    line-height: 80px;
    background: url(../images/h-map-icon.png) no-repeat 24px 28px;
    font-family: Arial;
    color: #777;
    transition: background-position 0.5s; }
    .header .box4:hover {
      color: #005aab;
      background-position: 24px -40px; }
  .header .box5 {
    background-color: #005aab;
    height: 80px; 
	width: 84px;}
    .header .box5.active {
      position: absolute;
      right: 0; 
      width: 269px;}
    .header .box5 form {
      margin: 21px 15px 0;
      width: auto; 
      *width: auto; 
  }
      .header .box5 form.show {
        background-color: #337bbc; }
      .header .box5 form .btn-group {
        position: relative;
        width: 54px;
        height: 38px; }
        .header .box5 form .btn-group .btn {
          position: absolute;
          right: 0;
          z-index: 2;
          display: block;
          width: 54px;
          height: 38px;
          background: url(../images/h-search-icon.png) no-repeat center center;
          border: none;
          outline: none; }
        .header .box5 form .btn-group .icon {
          position: absolute;
          display: block;
          z-index: 3;
          width: 54px;
          height: 38px;
          right: 0;
          cursor: pointer; }
      .header .box5 form .text {
        display: block;
        width: 0;
        border: none;
        outline: none;
        height: 38px;
        line-height: 38px;
        background-color: #337bbc;
        text-indent: 1em;
        color: #fff; }
.slogo{
	margin-top: 8px;
}
/*.pull-left {
  float: left; }

.pull-right {
  float: right; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.header {
  position: relative;
  height: 80px;
  border-bottom: 1px solid #e0e0e0;
  box-shadow: 2px 2px 6px #E1DFDF;
  z-index: 100; }
  .header .w1200 {
    position: relative; }
  .header .box1 {
    display: block;
    width: 120px;
    height: 46px;
    padding: 18px 0 0 5px;
    background: url(../images/logo.jpg) no-repeat center center; }
  .header .box2 li a {
    display: block;
    padding: 0 26px;
    height: 80px;
    font-size: 15px;
    line-height: 80px;
    color: #333; }
    .header .box2 li a:hover, .header .box2 li a.cur {
      color: #005aab; }
  .header .box3 {
    width: 47px;
    height: 64px;
    margin: 7px 28px 0 14px;
    background: url(../images/h-main-logo.png) no-repeat center center; }
  .header .box4 {
    display: block;
    width: 48px;
    height: 80px;
    padding-left: 54px;
    border-left: 1px solid #e0e0e0;
    line-height: 80px;
    background: url(../images/h-map-icon.png) no-repeat 24px 28px;
    font-family: Arial;
    color: #777;
    transition: background-position 0.5s; }
    .header .box4:hover {
      color: #005aab;
      background-position: 24px -40px; }
  .header .box5 {
    background-color: #005aab;
    height: 80px; }
    .header .box5.active {
      position: absolute;
      right: 0; }
    .header .box5 form {
      margin: 21px 15px 0; 
 }
      .header .box5 form.show {
        background-color: #337bbc; }
      .header .box5 form .btn-group {
        position: relative;
        width: 54px;
        height: 38px; }
        .header .box5 form .btn-group .btn {
          position: absolute;
          right: 0;
          z-index: 2;
          display: block;
          width: 54px;
          height: 38px;
          background: url(../images/h-search-icon.png) no-repeat center center;
          border: none;
          outline: none; }
        .header .box5 form .btn-group .icon {
          position: absolute;
          display: block;
          z-index: 3;
          width: 54px;
          height: 38px;
          right: 0;
          cursor: pointer; }
      .header .box5 form .text {
        display: block;
        width: 0;
        border: none;
        outline: none;
        height: 38px;
        line-height: 38px;
        background-color: #337bbc;
        text-indent: 1em;
        color: #fff; }*/

.footer{
	background: #4b4c4d;
}
.footer .w1200{
	height: 366px;
	padding-top: 45px;
}
.footer .w1200 dl{
	float: left;
	width: 150px;
}
.footer .w1200 dl dt{
	font-size: 14px;
	color: #fff;
	line-height: 14px;
	margin-bottom: 27px;
}
.footer .w1200 dl dd{
	font-size: 12px;
	line-height: 24px;
	color: #d4d4d4;
}
.footer .w1200 dl dd a{
	color: #d4d4d4; 
}
.footer .w1200 dl dd a:hover{
	color: #005aab;
}
.footer .w1200 .right{
	width: 260px;

}
.footer .w1200 .right h3{
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	font-weight: normal;
	margin-bottom: 28px;
}
.footer .w1200 .right ul{
	float: none;
}
.footer .w1200 .right li{
	float: none;
	font-size: 12px;
	line-height: 24px;
	color: #cccccd;
}
.footer .code{
	margin-top: 24px;
}
.footer .code span{
	display: block;
	width: 100%;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 14px;
	color: #e4e5e5;
}
.code-weixin,
.code-app{
	width: 77px;
}
.code-weixin{
	margin-right: 35px;
}
.bottom{
	background: #363637;
	height: 60px;
}
.bottom .left{
	font-size: 13px;
	line-height: 55px;
}
.bottom .right {
    position: relative;
    margin-top: 20px; }
    .bottom .right .show {
      width: 214px;
      height: 24px;
      font-size: 12px;
      line-height: 24px;
      color: #666;
      text-indent: 1em; }
      .bottom .right .show .fl {
        width: 190px;
        height: 24px;
        background-color: #fff; }
      .bottom .right .show .fr {
        width: 24px;
        height: 24px;
        background: url(../images/ft-icon.jpg) no-repeat 0 bottom;
        transition: background-position 0.5s; }
        .bottom .right .show .fr.bg-y {
          background-position: 0 0; }
    .bottom .right .hide {
      display: none;
      position: absolute;
      bottom: 24px; }
     .bottom .right .hide a {
        display: block;
        width: 214px;
        height: 24px;
        font-size: 12px;
        border-bottom: 1px solid #363637;
        line-height: 24px;
        color: #666;
        text-indent: 1em;
        background-color: #fff; }

.banner{
	position: relative;
}
.banner li{
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}
.banner li a{
	display: block;
	width: 100%;
	height: 100%;
}
.banner .btn{
	position: absolute;
	left: 50%;
	bottom: 30px;
}
.banner .btn span{
	width: 60px;
    height: 4px;
    margin: 0 7px;
    background-color: #90949b;
    cursor: pointer;
	float: left;
}
.banner .btn .on{
	background: #1c497a;
}
/*.banner .w1200 .more{
	position: absolute;
	bottom: 197px;
	right: 87px;
	width: 120px;
	height: 38px;
	background: #2e7ada;
	z-index: 2;
}
.banner .w1200 .more a{
	display: block;
	height: 38px;
	padding-left: 28px;
	width: 92px;
	line-height: 38px;
	color: #fff;
	background: url(../images/img01.png) no-repeat 89px 0;
}
.banner .w1200{
	position: relative;
	height: 673px;
}*/
.w-tit h2{
	font-size: 26px;
	line-height: 26px;
	font-weight: normal;
	text-align: center;
}
.w-tit h3{
	font-size: 13px;
	line-height: 13px;
	font-weight: normal;
	text-align: center;
	margin-top: 17px;
	font-family: 'Arial';
	text-transform: uppercase;
}
.w-tit .heng{
	width: 40px;
	height: 4px;
	margin: 27px auto 0;
}
.w-team .w-tit{
	padding-top: 85px;
}
.w-team .w-tit h2{
	color: #000;
}
.w-team .w-tit h3{
	color: #999999;
}
.w-team .w-tit .heng{
	background: #006ee2;
}
.w-team .con{
	margin-top:40px;
	width: 1200px;
}
.w-team .con ul{
	width: 1212px;
	float: none;
}
.w-team .con li{
	width: 291px;
	height: 391px;
	position: relative;
	margin-right: 12px;
}
.w-team .con li .info{
	padding-top: 20px;
	width: 291px;
	height: 71px;
	position: absolute;
	left: 0;
	bottom: 0;
	background:url(../images/img03.png) no-repeat;
}

.w-team .info .name{
	font-size: 24px;
	line-height: 24px;
	color: #fff;
	text-align: center;
}
.w-team .info .honor{
	font-size: 15px;
	line-height: 18px;
	color: #fff;
	margin-top: 10px;
	text-align: center;
}
 .w-more{
	width: 101px;
	height: 36px;
	margin: 63px auto 0;
}
 .w-more a{
	display: block;
	width: 101px;
	height: 36px;
	background: url(../images/img04.jpg) no-repeat;
	line-height: 36px;
	text-align: center;
	color: #9b9b9b;
}
 .w-more a:hover{
	color: #dfdfff;
	background: url(../images/img05.jpg) no-repeat;
}
.w-team{
	padding-bottom: 90px;
}
.w-news .w-tit{
	padding-top: 70px;
}
.w-news .w-tit h2,
.w-news .w-tit h3{
	color: #fff;
}
.w-news .heng{
	background: #fff;
}
.w-news{
	height: 703px;
	background: url(../images/newsbg.jpg) no-repeat center;
}
.w-news .con{
	margin:64px auto 0;
	width: 1095px;

}
.w-news .con ul{
	float: none;
	position: absolute;
	left: 0;
	top: 0;
}
.w-news .con .news-box{
	width: 100%;
	height: 317px;
	overflow: hidden;
	position: relative;
}
.w-news .con li{
	width: 291px;
	margin-right: 111px;
}
.w-news .con li .pic{
	width: 291px;
	height: 183px;
	overflow: hidden;
}
.w-news .con li a{
	display: block;

}
.w-news .con li a:hover .info h4{
	color: #00ffaa;
}
.w-news .con .info{
	padding-top: 27px;
}
.w-news .con .info h4{
	font-weight: normal;
	font-size: 18px;
	color: #fff;
	line-height: 30px;
}
.w-news .con .info .p{
	font-size: 12px;
	line-height: 19px;
	color: #fff;
}
.w-news .con .info .dz{
	width: 30px;
	height: 1px;
	background: #8bc9e8;
	margin-top: 38px;
}
.w-news .con .btn {
	text-align: center;
	margin-top: 104px;
}
.w-news .con .btn a{
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url(../images/btn.png) no-repeat 0px 0px;
	margin-right: 5px;
}
.w-news .con .btn .cur{
	background: url(../images/btn.png)  no-repeat 0 -14px;
}
.w-about .w-tit{
	padding-top: 88px;
}
.w-about .w-tit h2{
	color: #000;
}
.w-about .w-tit h3{
	color: #999999;
}
.w-about .w-tit .heng{
	background: #006ee2;
}
.w-about .p{
	color: #949494;
	font-size: 12px;
	line-height: 22px;
	width: 660px;
	margin: 40px auto 0;
	text-align: center;
	font-family: 'Candara';
}
.w-about .w-more{
	margin-top: 36px;
}
.w-about{
	height: 562px;
	background: url(../images/aboutbg.jpg) no-repeat center;
}
.w-contact .w-tit{
	padding-top: 88px;
}
.w-contact .w-tit h2{
	color: #000;
}
.w-contact .w-tit h3{
	color: #999999;
}
.w-contact .w-tit .heng{
	background: #006ee2;
}
.w-contact .con{
	width: 775px;
	margin-top: 75px;
	margin-left: 238px;
}
.w-contact .con .tel{
	width: 258px;
}
.w-contact .con .tel .left{
	width: 39px;
	height: 39px;
	background: url(../images/img06.jpg) no-repeat;

}
.zhuan{
		animation: rotate 0.5s linear 0s ;
}
	@keyframes rotate{
	0%{
		transform: rotate(0deg);
	}
	50%{
		transform: rotate(30deg);
	}
	100%{
		transform: rotate(0deg);
	}

}


.w-contact .con  .tel .right{
	width: 180px;
	padding-left: 18px;
	border-left: 1px solid #f0f0f0;
}
.w-contact .con   .right .info{
	font-family: 'Arial';
	float: left;
}
.w-contact .con   .right .tit{
	font-weight: normal;
	float: left;
}
.w-contact .con   .right .info span{
	font-family: '微软雅黑';
}
.w-contact .con   .right li{
	font-size: 14px;
	line-height: 24px;
	color: #a0a0a0;
	float: none;
}
.w-contact .con .add{
	width: 366px;
}
.w-contact .con .add .left{
	width: 39px;
	height: 39px;
	background: url(../images/img07.jpg) no-repeat;
}


}
.w-contact .con .add .right{
	border-left: 1px solid #f0f0f0;
	padding-left: 18px;
}
.w-contact .w1200{
	padding-bottom: 110px;
}

.com-banner{
	height: 406px;
	/*background: url(../images/companybg.jpg) no-repeat center center;*/
}
.subnav .w1200{
	height: 70px;
}
.subnav ul{
	float: right;
	margin-top: 16px;
}
.subnav li{
	margin-right: 25px;
	 border-radius: 20px;

}
.subnav li a{
	display: block;
	height: 36px;
	padding-left: 15px;
	font-size: 14px;
	color: #777777;
	line-height: 36px;
	 border-radius: 20px;
}
.subnav li a span{
	padding-right: 10px;
	display: block;
	height: 36px;
	line-height: 36px;
	display: block; border-radius: 20px;
}
.subnav .cur a{
	background:#0059ab;
	color: #fff;
	display: block; border-radius: 20px;
}
.subnav .cur a span{
	background: #0059ab ;
		display: block; border-radius: 20px;
}
.subnav li a:hover{
	background: #0059ab ;
	color: #fff;
}
.subnav li a:hover span{
	background: #0059ab;
	 border-radius: 20px;
}
.com-tit{
	padding-top: 61px;
}
.com-tit h2{
	font-size: 30px;
	line-height: 30px;
	font-weight: normal;
}
.com-tit h3{
	font-size: 13px;
	line-height: 13px;
	font-weight: normal;
	font-family: 'Arial';
	margin-top: 12px;
	text-transform : uppercase
}
.com-tit .heng{
	width: 72px;
	height: 3px;
	background: #2e7ada;
	margin-top: 26px;
}
.com-wrap1 h2{
	color: #000;
}
.com-wrap1 h3{
	color: #999999;
}
.com-wrap1{
	height: 659px;
	background: url(../images/comw1bg.jpg) no-repeat center;
}
.com-wrap1 .con{
	margin-top: 56px;
}
.com-wrap1 .con .left{
	width: 631px;
	height: 388px;
}
.com-wrap1 .con .right{
	width: 569px;
	height: 388px;
	background: #fff;
}
.com-wrap1 .con  .box{
	width: 503px;
	height: 289px;
	overflow: hidden;
	margin-top: 49px;
	margin-left: 50px;
	position: relative;
}
.com-wrap1 .con  .box-con{
	position: absolute;
	top: 0;
	left: 0;
	width: 466px;
}
.com-wrap1 .con  .box-con h4{
	font-size: 24px;
	line-height: 24px;
	color: #0b3a7a;
	font-weight: normal;
}
.com-wrap1 .con  .box-con .p{
	font-size: 13px;
	line-height: 24px;
	color: #999999;
	margin-top: 26px;
}
.com-wrap1 .com-sbar{
	width: 2px;
	height: 285px;
	background: #dfdfdf;
	position: absolute;
	top: 0;
	right: 4px;
}
.com-wrap1 .com-sbtn{
	width: 9px;
	height: 31px;
	background: url(../images/sbtn.jpg) no-repeat;
	position: absolute;
	right: -4px;
}
.com-wrap2 .com-tit{
	width: 305px;
	height: 53px;
	margin:  0 auto;
	padding-top: 76px;
}
.com-wrap2{
	background: #f5f5f5;
}
.com-wrap2 .info{
	width: 1142px;
	margin: 29px auto;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	color: #777777;
}
.com-wrap2 .box .left{
	width: 592px;
	height: 352px;
	overflow: hidden;
}
.com-wrap2 .box .right{
	width: 602px;
	height: 352px;
	overflow: hidden;
}
.expand{
	transform: scale(1.2,1.2);
-ms-transform: scale(1.2,1.2);	/* IE 9 */
-webkit-transform: scale(1.2,1.2);	/* Safari 和 Chrome */
-o-transform: scale(1.2,1.2);	/* Opera */
-moz-transform: scale(1.2,1.2);

}
.com-wrap2 .con{
	font-size: 14px;
	line-height: 24px;
	color: #888888;
	margin-top: 30px;
	padding-bottom: 110px;
}
.com-wrap2 .con .p{
	text-indent: 2em;
	margin-bottom: 25px;
}
.com-wrap3{
	height: 705px;
	background: url(../images/comw3bg.jpg) no-repeat center;
}
.com-wrap3 h2{
	color: #f0f5fb;
}
.com-wrap3 h3{
	color: #7790ad;
}
.com-wrap3  .con{
	width: 1150px;
	height: 410px;
	margin: 98px auto ;
	position: relative;
	overflow: hidden;
}
.com-wrap3  .con ul{
	position: absolute;
	height: 18px;
	left: 0;
	top: 197px;
	background: url(../images/comulbg.png) repeat-x;
}
.com-wrap3  .con li{
	width: 19px;
	height: 19px;
	background: url(../images/comlibg.png) no-repeat;
	margin-left: 178px;
	position: relative;
}

.com-wrap3  .con .upper .box{
	background: url(../images/upper.png) no-repeat;
	width: 249px;
	height: 146px;
	padding: 24px  23px 0 23px;
	position: absolute;
	left: -140px;
	top: -197px;

}
.com-wrap3  .con .down .box{
	background: url(../images/down.png) no-repeat;
	width: 249px;
	height: 135px;
	padding: 36px  23px 0 23px;
	position: absolute;
	left: -140px;
	top: 41px;

}
.com-wrap3 .box h4{
	font-size: 21px;
	color: #666666;
	line-height: 21px;
	padding-bottom: 14px;
	font-family: 'Arial';
	border-bottom: 2px solid #eaeaea;
}
.com-wrap3 .box .p{
	font-size: 14px;
	line-height: 21px;
	color: #666666;
	margin-top: 18px;
	padding-left: 14px;
	background: url('../images/dian.jpg') no-repeat 0px 7px;
}
.com-wrap3 .cur .box h4{
	color: #0b4d95;
}
.com-wrap3 .cur .box .p{
	color: #0b4d95;
}
.com-wrap3  .w1200{
	position: relative;
	height: 705px;
}
.com-wrap3 .left a,
.com-wrap3 .right a{
	display: block;
	width: 16px;
	height: 29px;
}
.com-wrap3 .left ,
.com-wrap3 .right {
	position: absolute;
	bottom: 240px;
}
.com-wrap3 .left{
	left: 0;
}
.com-wrap3 .right{
	right: 0;
}
.com-wrap3 .left a{
	background: url(../images/lr.png) no-repeat 0 -31px;
}
.com-wrap3 .left a:hover{
	background: url(../images/lr.png) no-repeat 0 -1px;
}
.com-wrap3 .right a{
	background: url(../images/lr.png) no-repeat -16px -31px;
}
.com-wrap3 .right a:hover{
	background: url(../images/lr.png) no-repeat -16px -1px;
}
.com-wrap4 h2{
	color: #000;
}
.com-wrap4 h3{
	color: #999999;
}
.com-wrap4{
	height: 658px;

}
.com-wrap4 .con{
	position: relative;
	height: 509px;
	overflow: hidden;
}
.com-wrap4 .con li{
	position: absolute;
	top: 109px;
	left: 1200px;
	width: 327px;
}
.com-wrap4 .on img{
	 -webkit-box-reflect: below 0 -webkit-linear-gradient(top,rgba(250,250,250,0),rgba(250,250,250,.0) 30%,rgba(250,250,250,0.3));
  box-reflect: below 0 -webkit-linear-gradient(top,rgba(250,250,250,0),rgba(250,250,250,.0) 86%,rgba(250,250,250,0.3));
}
.com-wrap4 .prev,
.com-wrap4 .next{
	width: 65px;
	height: 65px;
	position: absolute;
	top: 200px;


}
.com-wrap4 .prev{
	left: 0;
}
.com-wrap4 .next{
	right: 0;
}
.com-wrap4 .prev a{
	display: block;
	width: 65px;
	height: 65px;
	background: url(../images/w4btn.png) no-repeat 0px 0px;
}
.com-wrap4 .prev a:hover{
	background: url(../images/w4btn.png) no-repeat 0px -65px;
}
.com-wrap4 .next a{
	display: block;
	width: 65px;
	height: 65px;
	background: url(../images/w4btn.png) no-repeat -65px -65px;
}
.com-wrap4 .next a:hover{
	background: url(../images/w4btn.png) no-repeat -65px 0px;
}
.com-wrap5 h2{
	color: #000;
}
.com-wrap5 h3{
	color: #999999;
}
.com-wrap5{
	background: #f2f2f2;
	overflow: hidden;
}
.com-wrap5 .w1200{
	padding-bottom: 77px;
}
.com-wrap5 .con{
	margin-top: 57px;
}
.com-wrap5 .con li{
	border: 1px solid #e4e4e4;
	margin-right: 60px;
	width: 253px;
	height: 103px;
	margin-bottom: 19px;
}
.com-wrap5 .con ul{
	width: 1260px;
}
.com-wrap6{
	height: 597px;
	background: url(../images/comw6bg.jpg) no-repeat center;
}
.com-wrap6 h2{
	color: #fff;
}
.com-wrap6 h3{
	color: #fff;
}
.com-wrap6 .con{
	width: 814px;
	height: 371px;
	margin:  28px auto;
}
.com-wrap7{
	background: #f2f2f2;
}
.com-wrap7 h2{
	color: #000;
}
.com-wrap7 h3{
	color: #999;
}
.com-wrap7 .con{
	background: #fff;
	padding: 10px 10px 0 10px;
	margin-top: 46px;
}
.com-wrap7 .con .left{
	width: 649px;
	height: 388px;
	overflow: hidden;
}
.com-wrap7 .con .right{
	width: 520px;
	height: 388px;
}
.com-wrap7 .con .right .top{
	width: 520px;
	height: 189px;
	overflow: hidden;
}
.com-wrap7 .con .right .bot{
	width: 520px;
	height: 189px;
	overflow: hidden;
	margin-top: 10px;
}
.com-wrap7 .info{
	padding-left: 22px;
	padding-top: 31px;
	padding-bottom: 33px;
}
.com-wrap7 .info h4{
	font-size: 24px;
	line-height: 24px;
	color: #0b3a7a;
	font-weight: normal;
}
.com-wrap7 .info .p{
	font-size: 14px;
	line-height: 22px;
	color: #999999;
	margin-top: 12px;
}
.com-wrap7 .w1200{
	padding-bottom: 66px;
}
.com-wrap8 .con{
	margin-top: 52px;
}
.com-wrap8  .w1200{
	padding-bottom: 96px;
}
.com-wrap8 .con .left,
.com-wrap8 .con .right{
	width: 520px;
	height: 240px;
	overflow: hidden;
}
.com-wrap8 .info{
	padding-top: 45px;
}
.com-wrap8 .con .left{
	margin-right: 5px;
}
.com-wrap8 .con h4{
	font-size: 22px;
	line-height: 22px;
	color: #0b3a7a;
	font-weight: normal;

}
.com-wrap8 .con .p{
	font-size: 13px;
	line-height: 24px;
	color: #999999;
	margin-top: 18px;
}
.pro-banner{
	height: 394px;
	/*background: url(../images/probg.jpg) no-repeat center center;*/
}
.subnav .address{
	font-size:14px;
	line-height: 15px; 
	color: #888888;
	margin-top: 28px;
}
.subnav .address a{
	color: #888888;
}
.subnav .address a:hover{
	color: #005aab;
}
.subnav .address span{
	padding: 0 3px;

}

.pro-con{
	background: #f5f5f5;
	padding-top: 45px;
}
.pro-con ul{
	width: 1220px;
	float: none;
}
.pro-con li{
	padding: 20px 20px 0 20px;
	height: 305px;
	border-bottom: 2px solid #dfdfdf;
	background: #fff;
	margin-left: 17px;
	margin-bottom: 27px;
}
.pro-con  .pro-pic{
	width: 248px;
	height: 210px;
	overflow: hidden;
	border-bottom: 1px solid #e8e8e8;
}
.pro-con  .name a{
	font-size: 16px;
	line-height: 16px;
	color: #333333;
}
.pro-con  .name a:hover{
	color: #005aab;
}
.pro-con  .name{
	text-align: center;
	padding-top: 23px;
}
.pro-con .info{
	font-size: 13px;
	line-height: 18px;
	margin-top: 13px;
	text-align: center;
}
.pro-con .info a{
	color: #999999;
}
.pro-con .info a:hover{
	color: #005aab;
}
.page1{
	padding-top:  46px;
	padding-bottom: 116px;
}
.tec-banner{
	height: 394px;
	/*background: url(../images/tecbg.jpg) no-repeat center center;*/
}
.tec-con{
	padding-top: 51px;
	padding-bottom: 90px;
	background: #f5f5f5;
}
.tec-con .left{
	width: 619px;
	height: 263px;
	overflow: hidden;
}
.tec-con .right{
	width: 576px;
	height: 263px;
	overflow: hidden;
}
.tec-con .info{
	padding: 41px 22px 50px;
	background: #fff;
}
.tec-con .info h3{
	font-size: 24px;
	line-height: 24px;
	color: #333333;
	font-weight: normal;
}
.tec-con .info .p{
	margin-top: 15px;
	font-size: 14px;
	line-height: 26px;
	color: #666666;
}
.new-banner{
	height: 394px;
	/*background: url(../images/newbg.jpg);*/
}
.new-con{
	padding-top: 53px;
	background: #f5f5f5;
}
.new-con ul{
	width: 1220px;
}
.new-con li{
	width: 282px;
	height: 365px;
	margin-right: 23px;
	margin-bottom: 26px;
}
.new-con li a{
	display: block;
	width: 282px;
	height: 365px;
	background: #fff;
	position: relative;
}
.new-con li a:hover {
	background: #005baa;
	transition: all 0.4s;
}
.new-con li a:hover h3{
	color: #fff;
}
.new-con li a:hover .p{
	color: #fff;
}
.new-con li a:hover .time{
	color: #c5d2e5;
}
.new-con li .info{
	padding: 18px 34px 0 27px;
}
.new-con li .info h3{
	font-size: 14px;
	line-height: 20px;
	color: #005baa;
	font-weight: normal;
}
.new-con li .info .p{
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	margin-top: 10px;
}
.new-con li .info .time{
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	margin-top: 16px;
}
.new-con li .more{
	width: 29px;
	height: 31px;
	background: url(../images/newmore.png) no-repeat;
	position: absolute;
	right: 0;
	bottom: 0;
}
.page2{
	padding: 50px 0 103px 0;
}
.hr-banner{
	height: 387px;

}
/* 招聘 */

.hr-con{
	padding: 35px 0 132px 0;
	background: #f5f5f5;
}
.hr-con .w1200{
	padding: 65px 55px 87px 45px;
	width: 1100px;
}
.hr-con h3{
	font-size: 24px;
	line-height: 24px;
	color: #333333;
	font-weight: normal;
}
.hr-con .tip{
	font-size: 14px;
	line-height: 26px;
	color: #777777;
	margin-top: 12px;
}
.hrt{
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #686868;
	color: #fff;
	margin-top: 56px;
}
.hr-j{
	width: 165px;
	padding-left: 12px;
	height: 50px;
}
.hr-s,.hr-a,.hr-d{
	width: 250px;

	height: 50px;
	text-align: center;
}
.hr-t{
	width: 160px;
	height: 50px;
	text-align: right;
}
.hr-h .hr-t{
	padding-right: 30px;
	width: 130px;
}
.hr-con .w1200{
	background: #fff;
}
.hr-con ul{
	float: none;
	width: 100%;
	min-height: 500px;
	margin-top: 12px;
	border-top: 1px solid #f9f9f9;
}
.hr-con li{
	width: 100%;

}
.hr-con li .hr-h{
	float: none;
	line-height: 50px;
	height: 50px;
	width: 100%;
	position: relative;
	cursor: pointer;
	border-bottom: 1px dashed #ccc;
}
.hr-con li .actity{
	color: #3988ce;
}
/*.hr-con li .actity .more a{
	background: url(../images/cur.jpg) no-repeat;
}*/
.hr-h .more a{
	display: block;
	width: 27px;
	height: 27px;
	background: url(../images/jia.jpg) no-repeat;
}
.hr-h .more{
	position: absolute;
	top: 12px;
	right: 0px;
}


.hr-body{
	padding-left: 40px;
	padding-bottom: 20px;
	display: none;
}
.hr-body h2{
	font-size: 14px;
    color: #666;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 18px;
}
.hr-body h3{
	color: #666;
    font-size: 14px;
    margin-bottom: 6px;
    font-weight: normal;

}
.hr-body .p{
	font-size: 14px;
	line-height: 28px;
	margin-bottom: 6px;
}
.hr-body .send {
	margin-top: 5px;
}
.hr-body .send a{
	display: block;
	width: 90px;
	height: 37px;
	background: #bababa;
	color: #fff;
	font-size: 14px;
	line-height: 37px;
	text-align: center;
}
.hr-body .send a:hover{
	background: #3988ce;
}
/*详情页*/
.info-con{
	background: #f5f5f5;
	padding: 50px 0px;
}
.info-con .w1200{
	background: #fff;
	padding:  30px 50px;
	width: 1100px;
}
.info-hd{
	margin-bottom:30px;
	text-align: center;
}
.info-bd{
	position: relative;
	overflow: hidden;
	min-height: 400px;
	text-indent: 2em;
}
.info-bd img{
	max-width: 100%;
	display: block;
	margin: 0 auto 20px;
}
.info-page{
	margin-top: 45px;
	padding-top: 15px;
	border-top:1px solid #eee;
}
.info-page .back{
	float: right;
    display: inline-block;
    padding: 2px 22px;
    border: 2px solid #eee;
    color: #888;
    transition: all 0.3s;
}
.info-page .back:hover{
	background: #005aab;
	color: #fff;
	border: 2px solid #005aab;
}

.info-page p a{
	color: #666;
}
.info-page p a:hover{
	color: #005aab
}
.footer .w1200{
	position: relative;
}
.back-top{
	position: absolute;
    right: 0px;
    top: -60px;
    text-align: center;
    font-size: 12px;
    line-height: 24px;
    cursor: pointer;
}
.back-top i{
	    font-size: 25px;
    padding-bottom: 5px;
    font-family: 'iconfont';
}
.tec-picbox{
	position: relative;
	width: 619px;
	margin: 0 auto;
}
.tec-picbox a{
	position: absolute;
	width: 50px;
	height: 50px;
	z-index: 99;
}
.tec-picbox .prev{
	background: url(../images/left.png) no-repeat;
	left: 10px;
	top: 110px;
}
.tec-picbox .next{
	background: url(../images/right.png) no-repeat;
	right: 10px;
	top: 110px;
}
.tec-con .w1200{
	background: #fff;
	padding-top: 50px;
}
.w-contact .con .right .wryh{
	font-family: '微软雅黑';
}

.joinus_tb .error {
    border: 1px solid #D70128;
}  
.calendar{font-family:Tahoma; background:#fff; float:left; border-style:solid; border-width:1px; border-color:#85BEE5 #3485C0 #3485C0 #85BEE5; position:relative; padding:10px; }
        .calendar dl,.calendar dd{margin:0; padding:0; width:183px; font-size:12px; line-height:22px;}
        .calendar dt.title-date{ display:block; border-bottom:1px solid #E4E4E4; font-weight:700; position:relative; margin-bottom:5px; padding-bottom:3px;}
        .calendar dt{ float:left; width:25px; margin-left:1px; text-align:center;}
        .calendar dt.title-date{ width:100%;}
        .calendar dd{clear: both;width: 183px;height: 139px;font-weight: 700;background:url(http://images.cnblogs.com/cnblogs_com/NNUF/379856/o_bg.png) no-repeat; margin:0;}
        .prevyear,.nextyear, .prevmonth,.nextmonth{cursor:pointer;height:9px; background:url(http://images.cnblogs.com/cnblogs_com/NNUF/379856/o_nextprv.png) no-repeat; overflow:hidden;position:absolute; top:8px; text-indent:-999px;}
        .prevyear{  left:4px;  width:9px;}
        .prevmonth{ width:5px; background-position:-9px 0; left:20px;}
        .nextyear{  width:9px; background-position:-19px 0; right:5px;}
        .nextmonth{ width:5px; background-position:-14px 0; right:20px;}
        .calendar dd a{float: left;width: 25px;height: 22px; color:blue; overflow: hidden; text-decoration: none;
            margin: 1px 0 0 1px; text-align:center;}
        .calendar dd a.disabled{color:#999;}
        .calendar dd a.tody{ color:red; }
        .calendar dd a.on{background:blue; color:#fff;}
        .calendar dd a.live{cursor:pointer}
        .input{ border:1px solid #ccc; padding:4px; background:url(http://images.cnblogs.com/cnblogs_com/NNUF/379856/o_nextprv.png) no-repeat right -18px;}

.lx_left{ width:410px; font-size:14px; line-height:25px; float:left;}
.lx_right{ width:680px; float:right;}
.form input{ width:1000px; height:50px; float:left; font-size:16px; line-height:50px; border:1px solid #e5e5e5; background:#FFF; margin-top:30px; padding-left:20px;}
.form textarea{ width:1000px; height:200px; float:left; font-size:16px; line-height:50px; border:1px solid #e5e5e5; background:#FFF; margin-top:30px; padding-left:20px;}
.form .submit1{ background:#007ed5; color:#FFF;}